<!DOCTYPE html>
<html lang="zh_CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Brzjomo's 颜色标注工具</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
  </head>
  <body>
    <div class="container">
      <!-- 参数 -->
      <div class="row property-parent-box">
        <div class="col">
          <div class="property" style="margin: 2.5px auto 0">字号</div>
        </div>
        <div class="col">
          <div class="row">
            <input type="text" name="fontSize" id="fontSize" class="text-input" value="20" />
            <label for="fontSize" class="text-input-label">mm</label>
          </div>
        </div>
      </div>
      <div class="row parent-box">
        <div class="col">
          <div class="row">
            <button id="btn-inside">标注色块</button>
          </div>
          <div class="row">
            <button id="btn-outside">导入颜色</button>
          </div>
          <div class="row">
            <button id="btn-parseInt">CMYK取整</button>
          </div>
        </div>
      </div>
      <!-- 额外选项 -->
      <div class="row extra-text-parent-box">
        <input type="checkbox" name="ifRounding" id="ifRounding" class="extraText"  checked />
        <label for="ifRounding">色值取整</label>
      </div>
      <div class="row extra-text-parent-box">
        <input type="checkbox" name="tagColorValue" id="tagColorValue" class="extraText"  checked />
        <label for="tagColorValue">标注色值</label>
      </div>
      <!-- 作者相关 -->
      <div class="row">
        <div class="author" id="homePage">- Coded by Brzjomo -</div>
        <div class="author">- Ver 1.0.4 -</div>
      </div>
    </div>
    <!-- JS文件 -->
    <script type="text/javascript" src="js/CSInterface.js"></script>
    <script type="text/javascript" src="js/Vulcan.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
  </body>
</html>
